@layout("/common/_container.html"){
<style>
    html{
        width:100%;
        overflow-x:hidden;
    }
    .approvalDetails{
        font-size: 14px;
        height: 100%;
        background: #F9F9F9;
    }
    .approvalDetailsHeader{
        height: 3.5em;
        line-height: 3.5em;
        position: fixed;
        background: white;
        width: 100%;
        z-index: 1;
        border-bottom: 1px solid #E5E5E5;
        padding: 0 1em;
        display: flex;
    }
    .approvalDetailsHeader > div{
        flex: 1;
        color: #00a6c9;
    }
    .approvalDetailsHeader > div:nth-child(2){
        color: black;
        text-align: center;
        font-size: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .approvalDetailsContent{
        height: 100%;
        position: relative;
        padding: 3.7em 1em 2em;
        background: white;
        overflow: auto;
    }
    .approvalDetails .approvalDetailsTop{
        display: flex;
        padding: 1em 0.5em;
        align-items: center;
        border-bottom: 1px solid #e5e5e5;
    }
    .approvalDetails .approvalDetailsTop span{
        display: inline-block;
        width: 3em;
        height: 3em;
        background: red;
        border-radius: 50%;
        vertical-align: middle;
    }
    .approvalDetails .approvalDetailsBottom > div{
        display: flex;
        margin-top: 1em;
    }
    .approvalDetails .approvalDetailsBottom > div > div:first-of-type{
        width: 70px;
        text-align: right;
        color: #999999;
    }
    .approvalDetails .approvalDetailsBottom > div > div:last-of-type{
        margin-left: 20px;
    }
</style>
<div class="approvalDetails">
    <div class="approvalDetailsHeader">
        <div onclick="patient()"><span class="glyphicon glyphicon-menu-left"></span></div>
        <div title="刘狗子提交的审批">刘狗子提交的审批</div>
        <div></div>
    </div>
    <div class="approvalDetailsContent">
        <div class="approvalDetailsTop">
            <div>
                <span></span>
            </div>
            <div style="margin-left: 0.8em;">
                <div style="font-size: 16px;">刘狗子</div>
                <div style="color: #999999">待审核</div>
            </div>
        </div>
        <div class="approvalDetailsBottom" style="font-size: 16px;">
            <div>
                <div>患者姓名</div>
                <div>刘狗子</div>
            </div>
            <div>
                <div>患者电话</div>
                <div>18818818888</div>
            </div>
            <div>
                <div>审批类型</div>
                <div>渠道</div>
            </div>
            <div>
                <div>提交时间</div>
                <div>2019-03-20 15:34:00</div>
            </div>
            <div>
                <div>原建档人</div>
                <div style="color: #18c295">刘狗子</div>
            </div>
            <div>
                <div>原跟进人</div>
                <div style="color: #18c295">刘狗子</div>
            </div>
            <div>
                <div>原渠道</div>
                <div style="color: #18c295">地推 - 大客户 - 大客户</div>
            </div>
            <div>
                <div>新建档人</div>
                <div style="color: #ff9000">刘狗子</div>
            </div>
            <div>
                <div>新跟进人</div>
                <div style="color: #ff9000">刘狗子</div>
            </div>
            <div>
                <div>新渠道</div>
                <div style="color: #ff9000">地推 - 宣传单 - 大客户</div>
            </div>
            <div>
                <div>备注</div>
                <div style="color: #ff9000">渠道填写错误</div>
            </div>
            <div></div>
            <div>
                <div>操作</div>
                <div>
                    <button type="button" class="btn" style="background: #58beee;border: 1px solid #58beee;color: white">同意</button>
                    <button type="button" class="btn" style="background: white;border: 1px solid #58beee;color: #58beee">拒绝</button>
                </div>
            </div>
            <div>
                <div>备注</div>
                <div style="flex: 1;">
                    <textarea name="remarks" id="remarks" style="border: 1px solid #00b6ed;width: 80%;height: 60px;"></textarea>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    function patient() {
        window.location.href = Feng.ctxPath + "/reservation/market_approvalDetails";
    }
</script>
@}
